<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登陆页面</title>
</head>
<body>
<div id="main" style="height: 800px; width: 800px; border: 1px solid; ">

  <div id="login" style="border: 1px solid; height: 300px; width: 200px; margin: 30px auto; border-radius: 5px">
    <p>请登录</p>
<!--    <form action="/demo1.html" method="post">-->

<!--      账号: <input type="text" id="username" name="username" placeholder="请输入账号" style="width: 100px"><br>-->



<!--      密码: <input type="password" id="password" name="password" placeholder="请输入密码" style="width: 100px"><br>-->
<!--      <input type="text" id="verify" name="verify" placeholder="请输入验证码" style="width: 100px">&nbsp;&nbsp;<img src="1.jpeg" style="width: 20px; height: 15px"><br>-->
<!--      <button type="submit">登录</button>-->
<!--    </form>-->
    <form action="/demo1.html" method="post" id="test">
      账号: <input type="text" placeholder="请输入账号" id="name" class="name" style="width: 90px"><br>
      密码: <input type="password" placeholder="请输入密码" id="pwd" class="pwd" style="width: 90px"><br>
      <input type="text" placeholder="请输入验证码" style="width: 90px"> <img   onclick="fun()" src="1.jpeg" style="width: 15px;"><br>
      <button >提交</button>
      <img  style="height: 20px; width: 20px" src="1.jpeg">

    </form>

    <script>
      function fun(){
        var name = document.querySelector("#name").value;
        var pwd = document.querySelector("#pwd").value
        alert(name,pwd)

      }
    </script>

  </div>

</div>

</body>
</html>